<template>
  <div class="tirp-wrapper">
    <rate-list>
      <template slot-scope="props">
        <i :class="[props.star ? off : on]"></i>
      </template>
    </rate-list>
  </div>
</template>
<script>
/* eslint-disable */
import RateList from "./RateList";
export default {
  name: "Trip",
  components: {
    RateList
  },
  data() {
    return {
      off: "el-icon-star-off",
      on: "el-icon-star-on"
    };
  }
};
</script>
<style lang="scss" scoped>
.tirp-wrapper {
  margin: 15em auto;
  width: 70em;
}
</style>
